<template>
    <div class="shopWrap">
        <div class="content">
            <SumShopSel />

        <el-container>
            <el-aside width="300px">
                <Sumleft />
            </el-aside>
            <el-main>
                <PageRight />
            </el-main>
        </el-container>



        </div>

    </div>
</template>



<script>

    import SumShopSel from '@/components/shopDetail/part1/sumShopSel.vue'
    import Sumleft from '@/components/shopDetail/part2/sumleft.vue'
    import PageRight from '@/components/shopDetail/part2/pageRight.vue'


    export default{
        name:'shopDetail',
        components: {
            SumShopSel,
            Sumleft,
            PageRight,
        },
    }
</script>

<style scoped>
.shopWrap{
    width: 100%;
    margin: 0;
}
.content{
    width: 90%;
    margin: 0 5%;
    box-sizing: border-box;
}
.el-aside {
    color: #333;
    text-align: center;

  }
  
  .el-main {
    color: #333;
    text-align: center;
    padding: 20px 0 20px 20px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
</style>